.d-items {
	width: 700rpx;
	margin: 0 auto 23rpx;
	border-radius: 26rpx;
	background-color: #fff;
	padding: 30rpx 28rpx 20rpx;
	.d-d-title {
		font-size: 30rpx;
		line-height:50rpx;
		margin-bottom: 20rpx;
	}
	.d-d-m {
		margin-bottom: 15rpx;
		display: flex;
		color:#a6a6a6;
		font-size: 28rpx;
		.imageIcon {
			width: 30rpx;
			height: 28rpx;
			margin-right: 15rpx;
			vertical-align: text-top;
			position: relative;
			top:9rpx;
		}
	}
	.d-d-bottom {
		height: 98rpx;
		border-top: 1px solid #f5f5f5;
		margin-top: 20rpx;
		display: flex;
		align-items: center;
		color:#a6a6a6;
		position: relative;
		font-size: 28rpx;
		.d-d-b-bt {
			margin-right: 50rpx;
			position: relative;
			top:9rpx;
			.d-d-b-icon {
				width: 38rpx;
				height: 38rpx;
				vertical-align: text-bottom;
				margin-right: 10rpx;
			}
		}
		.d-d-b-zfbt {
			width: 166rpx;
			height: 60rpx;
			display: flex;
			background-color: #ffebeb;
			color:#ff4f4f;
			position: absolute;
			right: 0;
			top:28rpx;
			border-radius: 16rpx;
			@include center;
		}
	}	
}

.goodBook {
	.g-title {
		padding-left: 34rpx;
		font-size: 30rpx;
		font-weight: bold;
		margin-bottom: 20rpx;
	}
	.g-item {
		border-radius: 26rpx;
		// overflow: hidden;
		margin-bottom: 40rpx;
		.g-i-top {
			border-radius: 26rpx 26rpx 0 0;
			background-color: #388cff;
			box-shadow: 0px 1px 10px #388cff;
			padding: 20rpx 22rpx;
			color:#fff;
			.g-i-top-name {
				margin-bottom: 10rpx;
				font-size: 30rpx;
			}
			.g-i-top-b {
				.inline {
					margin-right: 60rpx;
					font-size: 28rpx;
				}
			}
		}
		.g-i-bottom {
			display: flex;
			background-color: #fff;
			padding: 22rpx 0 12rpx;
			.g-i-bottom-info {
				position: relative;
				width: 650rpx;
				.g-i-name{
					
					// background-color: red;
					padding-right: 20rpx;
					font-size: 30rpx;
					margin-bottom: 30rpx;
				}
				.Old_price {
					color:#a6a6a6;
					font-size: 28rpx;
					margin-bottom: 20rpx;
				}
				.prce {
					font-size: 28rpx;
					margin-bottom: 20rpx;
					color:#ff4f4f;
				}
				.uNumberBox {
					width: 220rpx;
					position: absolute;
					right: 20rpx;
					bottom: 15rpx;
				}
			}
			
			.checkBox {
				width:80rpx;
				flex:none;
				text-align: center;
			}
		}
	}
}

.totelBotttom {
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		width: 750rpx;
		background-color: #fff;
		height: 130rpx;
		background-color: #fff;
		z-index: 9999;
	    display: flex;
		align-items: center;
		padding-left: 50rpx;
		.tot-m {
			height: 100%;
			position: absolute;
			top:0;
			display: flex;
			align-items: center;
			left: 265rpx;
			font-size: 28rpx;
			.rmb {
				color:#ff4f4f;
				font-size: 24rpx;
				padding-top: 10rpx;
				margin-left: 10rpx;
			}
			.price {
				color:#ff4f4f;
				font-size: 32rpx;
				font-weight: bold;
			}
		}
		.tot-m2 {
			height: 100%;
			position: absolute;
			top:0;
			&.tot-m3 {
				left: 250rpx;
				.warn {
					padding-left: 0;
				}
			}
			&.tot-m4 {
				left: 50rpx;
				.warn {
					padding-left: 0;
				}
			}
		    .tot-pr {
				padding-top: 19rpx;
				margin-bottom: 10rpx;
				&.paddingTop {
					padding-top: 47rpx;
				}
			}
			.warn {
				color:#ff4f4f;
				padding-left: 20rpx;
				font-size: 26rpx;
			}
			left: 20rpx;
			font-size: 28rpx;
			.rmb {
				color:#ff4f4f;
				font-size: 24rpx;
				padding-top: 10rpx;
				margin-left: 10rpx;
			}
			.price {
				color:#ff4f4f;
				font-size: 32rpx;
				font-weight: bold;
			}
		}
		
		.btnBox {
			position: absolute;
			right: 30rpx;
			top: 26rpx;
			display: flex;
			align-items: center;
			.d-btn {
				width: 180rpx;
				height: 80rpx;
				border-radius: 20rpx;
				margin-left: 52rpx;
				@include center();
				background-color: #f2f2f2;
				font-size: 28rpx;
				&.btn-a {
					background-color: #ff5d5d;
					color:#fff;
				}
			}
		}
		.btn {
			width: 220rpx;
			height: 80rpx;
			border-radius: 20rpx;
			@include center();
			background-color: #3c84f4;
			color:#fff;
			position: absolute;
			right: 30rpx;
			top: 25rpx;
		}
		.rightWrap {
			position: absolute;
			right: 30rpx;
			top: 26rpx;
			display: flex;
			.o-btn {
				width: 183rpx;
				height: 80rpx;
				@include center;
				color:#333333;
				background-color: #f2f2f2;
				margin-left: 20rpx;
				border-radius: 20rpx;
				&.active {
					
					color:#ffffff;
					background-color: #ff5d5d;
				}
			}
		}
		
	}


.checkIcon {
	width:41rpx;
	height: 41rpx;
	vertical-align: text-top;
	margin-right: 10rpx;
}
